<template>
  <ColumnMenu>
    <ColumnMenuItem active-color="red" link="/user/info">
      <div slot="item-text">个人信息</div>
    </ColumnMenuItem>
    <ColumnMenuItem active-color="#007bff" link="/user/car">
      <div slot="item-text">购物车</div>
    </ColumnMenuItem>
    <ColumnMenuItem active-color="green" link="/user/order">
      <div slot="item-text">我的订单</div>
    </ColumnMenuItem>
    <ColumnMenuItem active-color="goldenrod" link="/user/goods" v-if="user.business === 1">
      <div slot="item-text">我的商品</div>
    </ColumnMenuItem>
    <ColumnMenuItem active-color="rgb(23, 162, 184)" link="/user/category" v-if="user.business === 1">
      <div slot="item-text">我的类目</div>
    </ColumnMenuItem>
    <ColumnMenuItem active-color="rgb(23, 162, 184)" link="/user/recharge">
      <div slot="item-text">充值中心</div>
    </ColumnMenuItem>
  </ColumnMenu>
</template>

<script>
  import ColumnMenu from "components/content/columnmenu/ColumnMenu";
  import ColumnMenuItem from "components/content/columnmenu/ColumnMenuItem";

  export default {
    name: "UserIndexCategory",
    props: {
      user: {
        type: Object,
        default() {
          return {}
        }
      }
    },
    components: {
      ColumnMenu,
      ColumnMenuItem,
    }
  }
</script>

<style scoped>

</style>